<div class="row">
    <div style="width: 400px;margin: auto;">
        <div class="dataTables_paginate paging_bootstrap_number"
             id="sample_1_paginate">
            <ul class="pagination" style="visibility: visible;">
                <li class="disabled">
                    <span>count：{{ page.count }}</span>
                </li>
                <li><a href="javascript:;" v-on:click="doList(1)">first</a></li>
                <li class="prev disabled">
                    <a href="javascript:;" v-on:click="doList(page.no-1)"><i class="fa fa-angle-left"></i></a>
                </li>
                <template v-for="item in page.nums">
                    <li class="active" v-if="item==page.no"><a href="javascript:;" v-on:click="doList(item)">{{ item }}</a></li>
                    <li v-if="item!=page.no"><a href="javascript:;" v-on:click="doList(item)">{{ item }}</a></li>
                </template>
                <li class="next">
                    <a href="javascript:;" v-on:click="doList(page.no+1)"><i class="fa fa-angle-right"></i></a>
                </li>
                <li><a href="javascript:;" v-on:click="doList(Math.ceil(page.count/page.size))">last</a></li>
            </ul>
        </div>
    </div>
</div>
